<link rel="stylesheet" type="text/css" href="/css/tab.css"/>
<script type="text/javascript" src="js/lib/chrome_ex_oauthsimple.js"></script>
<script type="text/javascript" src="js/lib/chrome_ex_oauth.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/phone.js"></script>
<script type="text/javascript" src="js/tab.js"></script>

<body>
	<div id="logged_in">
		<table>
			<tr align="center">
				<td>CONTACT DATA</td>
				<td>
					<font color="red">PREVIEW ONLY</font>
				</td>
				<td>SETTINGS</td>
			</tr>
			<tr>
				<td class="data-column">
					<div class="column-margin">
						<table id="contact_table">
							<tr>
								<th>Contact Name</th>
								<th>Phone Number</th>
							</tr>
						</table>
					</div>
				</td>
				<td class="data-column">
					<div class="column-margin">
						<table id="preview_table">
							<tr>
								<th>Contact Name</th>
								<th>Phone Number</th>
							</tr>
						</table>
					</div>
				</td>
				<td class="settings-column">
					<div class="text">
						Please choose a format you would like to use and then press the "Convert" button below to begin processing your contacts.
					</div>
					<section id="phone-formats">
						<button id="btnPreview">Preview</button>
						<button id="btnConvert">Convert</button>
					</section>
				</td>
			</tr>
		</table>
	</div>
</body>